<template>
    <div class="second_level_page">
        <div class="position_main">
            <div class="demo">
                <div class="left">销售代表</div>
                <div class="right">
                    <svg>
                        <use :xlink:href="'#moreArrowBlack'"></use>
                    </svg>
                </div>
            </div>
        </div>
        <div class="heightBottom"></div>
       
        <transition name="router-slid" mode="out-in">
            <router-view></router-view>
        </transition> 

    </div>    
</template>

<script>
    import headTop from 'src/components/header/head'
    import footGuide from 'src/components/footer/footGuide'

    export default {
        data(){
            return {
            }
        },
        created(){
        },
        mounted(){
        },
        components: {
            headTop,
            footGuide,
        },
        methods: {
        },
    }
</script>

<style lang="scss" scoped>
    @import 'src/style/mixin';
    
    .position_main{
        margin-top: .14rem;
    }
    .demo{
        @include wh(100%, 1.12rem);
        @include sc(.3rem, #333);
        background: #fff;
        border-bottom: .01rem solid #e3e3e3;
        line-height: 1.1rem;
        padding-left: .2rem;
        .right{
            padding: .42rem .2rem;
            svg{
                @include wh(.16rem, .28rem);
            }
        }
    }
</style>
